<ion-content>
  <ion-navbar>
    <ion-title>完善资料</ion-title>
  </ion-navbar>
  <div class="info-top">
    <div class="info-top-avatar" text-center (click)="openCamera()">
      <img src="{{avatar}}" class="user-img">
    </div>
  </div>

  <div class="info-content">
    <div class="info-content-nickname">
      <input type="text" placeholder="昵称" [(ngModel)]="nickname" (blur)="checkNickname()" minlength="1" minlength="10">
    </div>
    <div class="info-content-realname">
      <input type="text" placeholder="真实姓名" [(ngModel)]="realname" (blur)="checkRealname()" minlength="2" minlength="10">
    </div>
    <div class="info-content-class">
      <input type="text" placeholder="班级" [(ngModel)]="classes" (blur)="checkClasses()" minlength="5">
    </div>
    <div class="info-content-qq">
      <input type="number" placeholder="QQ" [(ngModel)]="qq" (blur)="checkQQ()" minlength="6" minlength="10">
    </div>
  </div>
  <div class="green">
    <ion-item no-lines>
      <ion-label>同意...</ion-label>
      <ion-checkbox  color="safe" [(ngModel)]="cucumber" (ionChange)="updateCucumber()"></ion-checkbox>
    </ion-item>
  </div>
  <div class="login-complete">
    <button (tap)="complete()">完成注册</button>
  </div>
</ion-content>
